<!doctype html>
<html lang="en" id="friendalbum" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_myalbum.css">
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        我的相册
    </div>
    <div class="right">
        <form method="post" enctype="multipart/form-data">
            <a href="javascript:;">
                <input type="file" name="imgFile" id="pic" value="图片上传">
                上传
            </a>
        </form>
    </div>
</div>

<!-- 自然萌的代码 -->
<!-- <form method="post" enctype="multipart/form-data">
    <a href="javascript:void(0);" class="file">图片上传
        <input type="file" name="imgFile" id="pic" value="图片上传">
    </a>
    <p style="margin-top: 10px;text-align: center;" v-if="uploadTips!=''">图片 <span style="color: red;"></span> 上传成功！</p>
</form> -->

<div class="list">
    <div class="clearfix">
        <div class="item" v-for="item in renderObj.listArr" v-bind:style="{width:photoWidth+'px'}" @click="preview(item.annex.filePath1)">
            <!-- <img src="img/item1.png" alt=""> -->
            <img :src="'http://appapp.b0.upaiyun.com' + item.annex.filePath1" alt="">
            <div class="del">
                <p @click="setMyHead(item.id)" class="fl">设为形象照</p>
                <i @click="del(item.id)" class="iconfont fr">&#xe600;</i>
            </div>
        </div>
    </div>
</div>

<div class="preview-img" v-if="previewImg">
    <i class="iconfont icon-tubiao06" v-on:click="closeImg()"></i>
    <img :src="previewImg" alt="">
</div>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>var app = 'uc_friendalbum';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>